<template>
  <!-- 下月专业工程讲评情况 -->
   <a-table class="takeOut-hover" :columns="columns" bordered :pagination="false" :data-source="tableData" >
       <template v-for="col in columns" :slot="col.dataIndex" slot-scope="text, record,index">
       {{noValue(record[col.dataIndex],index,col.dataIndex)}}
     </template>
  </a-table>
</template>
<script>

import { summaryMixin } from "./mergeCell";
export default {
  mixins:[summaryMixin], //混入文件
  name: 'a' + Date.now(),
  props: {
    tableData: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    this.columns = [
      { title: '序号',align: 'center',dataIndex: 'serial',width:'4%',scopedSlots: { customRender: 'serial' } },
     {
        title: '所属分公司',
        align: 'center',
        dataIndex: 'branchComId',
        ellipsis: true,
        width:'12%',
        scopedSlots: { customRender: 'branchComId' } ,
        customRender: (value, row, index) => { 
          const obj = {
            children: row.branchComName,
            attrs: {}
          }
          obj.attrs.rowSpan = this.mergeCellKey(row.branchComId, this.tableData, 'branchComId');
          return obj
        }
      },
      { title: '所属项目名称', align: 'center', dataIndex: 'projectName',width:'14%',scopedSlots: { customRender: 'projectName' } },
      { title: '专业工程施工方案名称', dataIndex: 'schemeName', align: 'center', ellipsis: false,width:'14%',scopedSlots: { customRender: 'schemeName' } },
      { title: '专业分包单位名称', dataIndex: 'supplierName', align: 'center', ellipsis: false,width:'14%',scopedSlots: { customRender: 'supplierName' } },
      { title: '讲解人姓名', dataIndex: 'speakerName', align: 'center', ellipsis: false,width:'14%',scopedSlots: { customRender: 'speakerName' } },
      { title: '计划讲评时间', dataIndex: 'scheduleLectureTimes', align: 'center', ellipsis: false,width:'14%',scopedSlots: { customRender: 'scheduleLectureTimes' } },
      { title: '备注', dataIndex: 'remark', align: 'center', ellipsis: false,width:'14%',scopedSlots: { customRender: 'remark' } },
    ]
    return {
    }
  },
  methods: {
  },
  mounted() {
  }
}
</script>
<style lang="less">
</style>
